﻿body
{
    font: 12px Arial,Helvetica,sans-serif;
    color: #444;
    margin: 0;
    padding: 0;
    height: 100%;
    min-height: 100%;
    line-height: 18px;
}
.clearfix {
    zoom: 1;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0; /* Chieu cao cua thanh phan bang 0 */
    line-height: 0; /* Khoang cach cua dong` bang 0 */
    visibility: hidden; /* Xac dinh thanh phan khong dc nhin thay */
}

.clr { clear: both; }
.error-info {color: red;font-weight: bold; }
a, button, input { outline: none !important; }
a { color: #21759b;text-decoration: none; }
a:hover{color: #17536e;}
input,select{ padding: 3px;}
#wraper, #header { width: 100%;min-width: 980px;}
#header { background: #4679bd;min-height: 40px;position: relative;}
.del-cache { position: absolute;right: 0px;top: 20px; }
.del-cache a { color: #fff;font-weight: bold;background: #4072b4; }
#left { width: 220px;margin-left: 0;background: #fbfbfb;height: 100%;float: left;}
#main { margin: 10px; }
#Footer{ text-align: center;height: 70px;}
.bootstrap { background-image: url(/Areas/KMFadmin/Content/images/glyphicons-halflings.png);background-repeat: no-repeat;}
.bootstrapWhite { background-image: url(/Areas/KMFadmin/Content/images/glyphicons-halflings-white.png);background-repeat: no-repeat;}
.bootstrapTangoSmall {background-image: url(/Areas/KMFadmin/Content/images/Tango-small.png);background-repeat: no-repeat;}
.bootstrapWhite { background-image: url(/Areas/KMFadmin/Content/images/Tango-big.png);background-repeat: no-repeat;}
.p-paging { margin-top: 20px;margin-bottom: 20px; }
.p-paging a { margin-right: 4px;color: #355E95;font-weight: bold;}
.p-paging a.current_page { color: red; }
.p-paging a:hover { color: red; }
.fl-r { float: right;}

/*
  COMMON --------------------------------------------------------------------------
*/
.w-90-percent { width: 90% !important; }
.m-t-b-10 { margin: 10px 0; }
.m-t-20 { margin-top: 20px; }
.fl-l { float: left;}
.m-t-b-20 { margin: 0px 0 10px; }
.m-t-5 { margin-top: 5px; }
.p-absolute { position: absolute; }
.p-relative { position: relative; }
.m-l-20 { margin-left: 20px; }
.icon-arrow-right {background-image: url(/Areas/KMFadmin/Content/images/icons/arrow_right.gif);position: absolute;top: 5px;right: 4px;width: 16px;height: 16px;}
.icon-edit-v2, .icon-delete {display: block;width: 18px;height: 18px;}
.icon-edit-v2 { background-position: -144px -72px; text-indent: 9999px;}
.icon-delete {background-position: -262px -144px;text-indent: 9999px;}
.hidden { display: none; }
.p-relative { position: relative; }
.cssInputHidden { background-color: #EEE;margin: 5px 0 5px 0 !important;}

/*
---------- HEADER --------------------------------------------------------------------------------------------
*/
.header-logo { width: 220px;float: left;}
.header-logo a {
    font-size: 22px;
    color: white;
    line-height: 40px;
    padding-left: 10px;
    text-shadow: 0 1px 0 #444;
}
.header-logo span{
    color:#DDD;
}
.header-nav { float: left; }
.nv-top { }
.nv-top .nv-item
{
    float: left;
    position: relative;
    background: #4072b4;
    line-height: 40px;
    height: 40px;
    margin-right: 1px;
}
.nv-top .nv-item:hover { background: #fcfcfc;}
.nv-top .nv-item:hover > a { color: #444;}
.nv-top .nv-item > a { color: #fff;padding: 0px 10px;display: block;font-size:13px;
                       font-family: "Helvetica", "Arial", "FreeSans", "Verdana", "Tahoma", "Lucida Sans", "Lucida Sans Unicode", "Luxi Sans", sans-serif;

}
.nv-top .nv-item .nv-sub { display: none; }
.nv-top .nv-item:hover .nv-sub
{
    z-index: 2;
    box-shadow: 4px 4px 0 0 rgba(35, 35, 35, 0.1);
    display: block;
    width: 170px;
    position: absolute;
    top: 35px;
    left: 0px;
    background: #fcfcfc;
    padding: 10px 7px;
    border-left: 1px solid #F1F1F1;
    border-bottom: 1px solid #F1F1F1;
}
.nv-top .nv-item .nv-sub .nv-sub-item { line-height: 25px;}
.nv-top .nv-item .nv-sub .nv-sub-item a { color: #444;display: block;padding-left: 5px;}
.nv-top .nv-item .nv-sub .nv-sub-item a:hover { color: #fcfcfc;}
.nv-top .nv-item .nv-sub .nv-sub-item:hover > a{ color: #fcfcfc; }
.nv-top .nv-item .nv-sub .nv-sub-item:hover, .nv-sub-item .sub-nv .sub-nv-item:hover
{
    background: #3792ba;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.nv-sub-item { position: relative;}
.nv-sub-item .sub-nv { 
display: none;
z-index: 2;
box-shadow: 4px 4px 0 0 rgba(35, 35, 35, 0.1);
width: 170px;
position: absolute;
top: -10px;
background: #fcfcfc;
padding: 10px 7px;
border-left: 1px solid #F1F1F1;
border-bottom: 1px solid #F1F1F1;
left: 170px;
}
.nv-sub-item:hover .sub-nv { display: block; }

/*
----------LEFT MENU --------------------------------------------------------------------------------------------
*/

.LeftMenuWraper { border-left: 1px solid #ccc;border-right: 2px solid #ccc;height: 100%;position: relative;}
.leftMenuHeader { height: 25px;border-bottom: 1px solid #ccc;border-top: 1px solid #f9f9f9;background: #f2f2f2;line-height: 25px;text-transform: uppercase;text-shadow: 1px 1px #fff;}
.leftMenuFooter { height: 5px;border-top: 1px solid #ccc;border-bottom: 1px solid #f9f9f9;background: #E0E0E0;position: absolute;bottom: 0;left: 0;width: 218px;}


/*
----------BREADCRUMB --------------------------------------------------------------------------------------------
*/
.breadCrumb{
    display:block;
    height:21px;
    overflow:hidden;
    margin:0 0 20px;
    padding:5px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #DDD;
            /*background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
background: linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
border-bottom:2px solid #ccc;*/
}
.breadCrumb ul { margin-top: 2px;}
.breadCrumb ul li{ 
    float: left;
    padding-right: 20px;
    background: url(/Areas/KMFadmin/Content/images/icons/Minimal-next-icon.png) right 0px no-repeat;
    padding-left: 10px;
    /*transition: all 0.2s ease-in-out 0s;*/
}
.breadCrumb ul li:last-child {
    background: none;
}
.breadCrumb ul li:last-child{ border: none;}
.icon-home { display: block;background-position: 0px -23px;width: 14px;height: 17px;}


/*
----------TOOLBOX --------------------------------------------------------------------------------------------
*/
#Toolbox{ text-align: right;}
#Toolbox ul li 
{
line-height: 22px;
text-align: center;
list-style: none;
display: inline-block;
margin: 0 5px 10px;
background-color: #D9EDF7;
border: 1px solid #BCE8F1;

/*background: -moz-linear-gradient(top, #F9F9F9 0%, #EFEFEF 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#EFEFEF));
background: -webkit-linear-gradient(top, #F9F9F9 0%,#EFEFEF 100%);
background: -o-linear-gradient(top, #F9F9F9 0%,#EFEFEF 100%);
background: -ms-linear-gradient(top, #F9F9F9 0%,#EFEFEF 100%);
background: linear-gradient(top, #F9F9F9 0%,#EFEFEF 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#efefef',GradientType=0 );*/

-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
}
#Toolbox ul li:hover { border-color: #3A87AD;box-shadow: 2px 2px 0 0 rgba(35, 35, 35, .1);}
#Toolbox ul li a 
{
    text-shadow: 1px 1px 0 white;
    position: relative;
    display: block;
    padding: 23px 15px 0px;
    font-size: 12px;
    color: #3A87AD;
    background-repeat: no-repeat;
    background-position: center 10px;
}

#Toolbox ul li.Add a span,
#Toolbox ul li.Edit a span,
#Toolbox ul li.Del a span,
#Toolbox ul li.Back a span,
#Toolbox ul li.Cancel a span,
#Toolbox ul li.Save a span,
#Toolbox ul li.Apply a span,
#Toolbox ul li.Search a span,
#Toolbox ul li.Refresh a span
{
    background: url(/Areas/KMFadmin/Content/images/Tango-big.png);
    background-repeat: no-repeat;
    display: block;
    top: 4px;
    position: absolute;    
}


#Toolbox ul li.Add a span{width: 22px;height: 22px;left: 38%;background-position: -510px -30px; }
#Toolbox ul li.Edit a span{width: 20px;height: 21px;left: 36%;background-position: -61px 0px;}
#Toolbox ul li.Del a span{width: 21px;height: 20px;left: 28%;background-position: -570px -211px;}
#Toolbox ul li.Back a span{width: 20px;height: 21px;left: 36%;background-position: -541px -90px;}
#Toolbox ul li.Cancel a span{width: 20px;height: 19px;left: 30%;background-position: -31px -271px;}
#Toolbox ul li.Save a span{width: 22px;height: 21px;left: 33%;background-position: -570px -150px;}
#Toolbox ul li.Apply a span{width: 20px;height: 20px;left: 36%;background-position: -601px -151px;}
#Toolbox ul li.Search a span{width: 20px;height: 21px;left: 31%;background-position: -152px -61px;}
#Toolbox ul li.Refresh a span{width: 18px;height: 19px;left: 36%;background-position: -62px -272px;}

/*
    BOX FILLTER ---------------------------------------------------
*/
.BoxFillter { line-height: 40px;}
.BoxFillter .BoxFillter-wrap{ text-align: right;}
.textSearch{ width: 350px;padding: 5px 5px;border: 1px solid #ccc;}


/*******************************      TABLE COMMON       *****************************************/
table.table-odd thead tr{ /*background: url(/Areas/KMFadmin/Content/AdminTem/images/bg-th-table.gif) 0px 0px repeat-x;*/color: #333;text-align: center;background: #eee;}
table.table-odd { border: 1px solid #e5e5e5;width: 100%;}
table.table-odd th { border: thin solid #e5e5e5;border-top: none;line-height: 25px;text-align: left;padding-left: 5px;}
table.table-odd th:hover {color: #6c6b6b;cursor: pointer;}
table.table-odd td { border: thin solid #e5e5e5;padding:5px;vertical-align: top;text-align: center;vertical-align:middle;}
table.table-odd td a{ font-weight: bold;}
table.table-odd tbody tr:hover { background: #f7f7f7!important;}
table.table-odd tbody tr:hover .info-ad-qv { display: block;}
table.table-odd .bgTableFirst{ background: #f0f0f0;}
table.table-odd input[type=checkbox] { border: #e2e0e0;}
table.table-odd.table-plist tr th { background-color: #eee;color: #333; font-size: 11px; border-bottom: 1px solid #ccc;}
table.table-odd.table-plist tr th:hover { color: #6c6b6b;cursor: pointer;}
table.table-odd.table-plist tr td { text-align: left; vertical-align:middle;}


/*************************  Admin quick view ********************************/
.info-ad-qv { display: none;padding-top: 2px; }
.info-ad-qv a { font-weight: normal!important; }
.info-ad-qv a:hover { text-decoration: underline; }
.info-ad-qv .ad-qv-txt2 { color: #f00;}
.subcate-ad { color: #2789b6; }


/*******************************      BUTTON ICON       *****************************************/
.table-odd .icon-edit,
.table-odd .icon-del,.table-odd .icon-update
{background-image:  url(/Areas/KMFadmin/Content/images/Tango-small.png);background-repeat: no-repeat;display: block;}
.table-odd .trHeight{ height: 49px;}
.table-odd .icon-edit{ width: 14px;height: 16px;background-position: -121px -73px;margin-right: 5px;float: left;}
.table-odd .icon-del{ width: 16px;height: 16px;background-position: -168px -49px;margin-right: 5px;float: left;}
.table-odd .icon-update{ width: 14px;height: 16px;background-position: -217px -169px;float: left;}
.btnSubmitSearch{background-image:  url(/Areas/KMFadmin/Content/images/Tango-big.png);background-repeat: no-repeat;}
.btnSubmitSearch{ width: 20px;height: 19px;background-position: -151px -241px;border: none;cursor: pointer;}
#paging{ text-align: right;}

/*******************************      BOX INFO       *****************************************/
.box-Info .Info-header span{ color: #777;font-weight: bold;font-size: 16px;}
.box-Info .Info-body{ border-top: 2px solid #ccc;padding: 15px 0px;}
.box-Info table.table-info{ border-spacing: 1px!important;border-collapse: inherit;margin: 1px;border: 1px solid #eaeaea;}
.box-Info table.table-info .tInfoLeft{ padding: 15px;width: 18%;background: #f2f2f2;font-weight: bold;font-size: 13px;}
.box-Info table.table-info .tInfoLeft2{ padding: 15px;width: 90px;background: #f2f2f2;font-weight: bold;font-size: 13px;}
.box-Info table.table-info .tInfoRight{ vertical-align: middle;padding-left: 10px;padding-top: 5px;}
.box-Info table.table-info .tInfoRight input[type=text],
.box-Info table.table-info .tInfoRight textarea {width: 450px;}
.box-Info table.table-info .tInfoRight .texareaCss{ height: 60px;}
.box-Info table.table-info .tInfoRight .txtOrdering{ width: 40px!important;}

/*******************************      ADD PRODUCT CATEGORY      *****************************************/
#CategoryName{ font-size: 11px;}
.quick-menu { margin: 5px;}
.quick-menu li { padding: 5px 10px;border-bottom: 1px dotted #ddd;cursor: pointer; }
.quick-menu li:hover { background-color: #fff;text-decoration: underline;}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error { color: #f00;}
.field-validation-valid { display: none;}
.input-validation-error { border: 1px solid #f00 !important;background-color: #fee;}
.validation-summary-errors { font-weight: bold;color: #f00;}
.validation-summary-valid { display: none;}

/**************** style table for product image list *******************************/
.p-img-info{ width: 100%;}
.p-img-info, .p-size-info, .p-att-info { margin-bottom: 30px;width: 100%; }
.p-img-info tr, .p-size-info tr, .p-att-info tr { padding-bottom: 2px;}
.p-img-info tr td, th { vertical-align: middle;}
.p-img-info tr th, .p-size-info tr th { background-color: #eee;text-align: left;}
.p-img-info tr:hover td, .p-size-info tr:hover td { background-color: #F9F9F9; }
.p-size-info tr td, th{ vertical-align: middle; }
.th-pd-va tr td, th { vertical-align: middle; }
.th-pd-va tr th { text-align: left;}
.cssAreaHeight{ height: 60px;}
.cssInputWidthSmall{ width: 150px!important;}
.cssInputWidthSmall2{ width: 50px!important;}
.pimg-title,.psize-title{ height: 25px;border-bottom: 1px solid #ccc;}
.pimg-title th,.psize-title th{border-right: 1px solid #ddd;padding: 0px 5px;background-color: #eee;}

.tableCommentProduct td,.th-pd-va td{border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 3px 5px;}
/*
    BOX SEARCH ------------------------------------------------------------------------    
*/
.box-search { padding: 5px 0;margin-bottom: 10px; }
.box-search input[type="text"] { width: 350px; }


/*
  AJAX LOADING -----------------------------------------------------------------------
*/
#ajaxBusy {display: none;left: 0;position: fixed;top: 0;width: 100%;z-index: 100000;}
#ajaxBusy span {
background: url(/Areas/KMFadmin/Content/images/ajax-loading.gif) no-repeat;
width: 40px;
height: 40px;
float: right;
margin: 9px 9px 0 0;
}

/*
  Phần module chiết khấu, áp dụng cho đơn hàng      
*/
#edit-amount-product { height: 65px; }
#edit-amount-product .fl-l.p-relative { width: 55px; }
#edit-amount-product .fl-l.p-relative > a {top: 4px;right: 0;position: absolute;}
#edit-amount-product .fl-l.p-relative > input { margin: 0; }

/*
    TAGS NEWS
    ==========================================================================================
*/
.tagchecklist {padding: 10px;width: 300px;}
.tagchecklist span { margin-right: 25px;display: block;float: left;font-size: 11px;line-height: 1.8em;white-space: nowrap;cursor: default; }
.tagchecklist span a {
    background: url(/Areas/KMFadmin/Content/images/xit.gif) no-repeat;
    margin: 4px 0 0 -9px;
    cursor: pointer;
    width: 10px;
    height: 10px;
    display: block;
    float: left;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
}
.tagchecklist span a:hover {background: url(/Areas/KMFadmin/Content/images/xit.gif) no-repeat -10px 0;}

/*
    POPUP --------------------------------------------------------------------------------------------------------
*/
.popup-wap { position: fixed; background-image: url('/Areas/KMFadmin/Content/images/bg/bg-popup.png');width: 100%;height: 100%;top: 0;left: 0 }
.popup-content {width: 60%; margin: 100px auto;background-color: #fff;position: relative; }
.icon-close-popup { position: absolute;right: -11px;top: -11px;background-image: url('/Areas/KMFadmin/Content/images/icons/close.png');width: 25px;height: 25px; }
.selectCommentActive{ color: red;}

/*
    ICON ----------------------------------------------------------------------------------------------------------
    */
.btnUpdate {
    margin-top: 10px;
    margin-left: 10px;
}
.icon-together {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-position: -48px -73px;
    margin-left: 5px;
    margin-top: 10px;
}
/*
    PRODUCT TOGETHER ----------------------------------------------------------------------------------------------------------
    */
.boxAddProductTogether {
    border: 1px solid #E2E2E2;
    border-bottom: 2px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 10px;
    padding-bottom: 15px;
}
.p-cate {
    padding: 15px;
}
.p-list,.p-btn-addTogether {
    padding: 0px 15px;
}
.p-list {
    max-height: 250px;
    overflow: auto;
}
.p-btn-addTogether {
    margin-top: 10px;
}
.p-btn-addTogether input {
    cursor: pointer;
}
.btnDelTogether {
    margin-top: 10px;
    margin-left: 3px;
    display: inline-block;
}
.TimeEnd{
    width:200px!important;
}
/**************** PRODUCT FILTER *******************************/
.line-filter{
    border-bottom: 1px dotted #ccc; width: 450px;padding-bottom:10px;margin-bottom:10px;
}
.box-cateChoice{
    width:250px;
    height:250px;
    border: 1px solid #DDD;
    font-size:11px;
    padding:8px;
    overflow:auto;
}
.box-cateChoice input[type=checkbox]{
    margin: 0px 5px 0px 0px;
    position:absolute;
    top:6px;
    left:-7px;
}
.treeCate{
    margin-left:15px;
}
.treeCate li{
    border-left: 1px solid #ddd;
    position:relative;
    line-height:25px;
} 
.treeCate a.cl-1,.treeCate a.cl-2,.treeCate a.cl-3{
    margin-left:10px;
}
.treeCate a.cl-1:hover,.treeCate a.cl-2:hover,.treeCate a.cl-3:hover{
    text-decoration:underline;
}
.alertInfo{
    background:#bed4f8;
    color:#333;
    display:none;
    padding:10px;
    border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.specBox{
    border: 1px solid #eaeaea;
    padding:15px;
    margin-bottom:15px;
    background:#fff8f2;
}
.specBox span{
    font-weight:bold;
}



















